Primo — Becky Hwang
BH — PRIMO CASE STUDY 03 / 06 2024

Primo

Research · Product Design · UX Design 2024

Making tactile learning more accessible and inclusive

Primo is an inclusive tactile-learning system that helps blind and low-vision students explore images and visual concepts through touch, while making tactile materials easier for teachers and guardians to create and share.

Year 2024
Role Product Design · UX Research · Prototyping
Type Research · Product Design · UX Design
Context Accessibility · Tactile Learning · Education
— Overview

Visual-first learning materials can create significant barriers for blind and low-vision students. Primo brings tactile graphics, digital guidance, and community-based resource sharing into one system to make tactile learning easier to access and create.

— Challenge

Today’s classrooms are built around screens, but that environment is not equally accessible to every student. In particular, tactile graphic creation takes significant time and resources, which limits learning access for blind students.

— Approach
01 Simplified tactile image creation into just a few clicks through the app
02 Designed the device experience so digital images could quickly transform into tactile output
03 Expanded the role of students from passive recipients to active creators of tactile images
04 Defined the problem and direction through interviews and observations with blind and low-vision communities
— Highlights
  • —Interviewed 17 people from blind and low-vision communities
  • —Conducted research through five observations and two activities
  • —Proposed a product concept connecting tactile learning with digital learning
— Project goal

How might we make learning more accessible and inclusive for all students?

— Design principles
01
Inclusive

Design for students across a spectrum of visual abilities and tactile sensitivities.

02
Accessible

Reduce barriers to creating, accessing, and understanding tactile learning materials.

03
Innovative

Connect digital tools with a physical tactile-learning experience.

04
Thoughtful

Ground decisions in the real learning environments and needs of students and educators.

05
Playful

Make tactile exploration and creation engaging, approachable, and confidence-building.

Primo product + app concept image
— Problem space

Learning new concepts without visual aids is like solving a puzzle with missing pieces.

Many educational materials depend on images, diagrams, graphs, and other visual information. When those concepts are not translated into a tactile form, blind and low-vision students can be left without an equivalent way to explore and understand them.

— Research

Tactile graphics are a main learning assistive material for blind and low-vision individuals.

Tactile graphics communicate non-textual information through raised lines, surfaces, textures, and simplified forms. They give blind and low-vision learners a way to explore images, maps, graphs, diagrams, and spatial relationships through touch.

Tactile graphics research / examples
— User research

Empowering students and the people who support them

The research considered not only students, but also the teachers, guardians, and learning supporters who prepare and deliver tactile materials. The opportunity was to support greater student independence while making tactile resources easier for supporters to create, discover, and share.

— Opportunity areas
01
Accessible

Make tactile learning materials easier to find, create, and use.

02
Engaging

Support active learning through touching, exploring, and creating.

03
Communicable

Make tactile images easier to exchange between students, teachers, and guardians.

Research synthesis / opportunity areas image
— Concept development

From needs to features and benefits

Primo was structured around two primary user groups. Sighted teachers and guardians can create tactile images in the app, explore community resources, and send materials to students. Blind and low-vision students can receive tactile images, explore them through Primo, create their own tactile images, and share them with others.

01
For teachers & guardians

Streamline tactile-image creation · explore more resources · provide materials aligned with student needs

02
For students

Instant access to tactile images · explore shapes and visuals · communicate visually · learn with greater confidence

Features & Benefits diagram
— Create & Iterate

The physical interface evolved through hands-on testing.

Because cell size and spacing directly affect tactile usability, the physical interface was tested through multiple prototypes. Early experiments printed different cell sizes to identify an appropriate scale for students. Primo 1.0 had cells and gaps that were too large, so feedback from Ming, an inclusive design advisor, informed the iteration to Primo 2.0. A cardboard prototype was then used to quickly test the revised form.

01
Cell-size study

Printed different cell sizes to determine an appropriate tactile scale for students.

02
Primo 1.0

The cells and gaps were too large, prompting another usability iteration.

03
Primo 2.0

Inclusive-design feedback informed a revised form, tested quickly with cardboard.

Prototype 1.0 → testing → Primo 2.0 images
— Guidance

Digital easy-to-follow guides

Digital easy-to-follow guides support beginners in creating tactile graphics, alongside tactile graphic braille alphabet cards tailored for students with visual impairments and learners developing tactile sensitivity for future braille literacy. The guides use detailed illustrations and thick outlines to make tactile-graphic principles easier to understand and apply.

01
What is a tactile graphic?

Introduce the fundamentals and standards behind tactile graphics.

02
Trusted resources

Connect learners to additional resources such as American Printing House and Perkins School for the Blind.

03
Step-by-step learning

Break the creation process and design principles into approachable steps for first-time makers.

Digital guide / How to make Tactile Graphics screen
— Outcome

The final concept connects the Primo app with a tactile graphic board. Teachers and guardians can create and share tactile images, while students can receive, explore, create, and communicate through tactile graphics.

The concept reduces friction in creating tactile graphics and gives students a more accessible way to explore, create, and communicate visual ideas through touch.

← Back to home jjhwang19@gmail.com ↗
© 2026 BECKY HWANG TOKYO · UX/UI PRODUCT DESIGN
BH — PRIMO 케이스 스터디 03 / 06 2024

Primo

Research · Product Design · UX Design 2024

Making tactile learning more accessible and inclusive

Primo는 시각장애 및 저시력 학생이 촉각 그래픽을 통해 이미지와 시각 개념을 탐색하고, 교사와 보호자가 촉각 학습 자료를 더 쉽게 제작하고 공유하도록 돕는 포용적 학습 시스템입니다.

연도 2024
역할 Product Design · UX Research · Prototyping
분야 Research · Product Design · UX Design
맥락 Accessibility · Tactile Learning · Education
— 개요

시각 중심의 학습 자료는 시각장애 및 저시력 학생에게 큰 장벽이 될 수 있습니다. Primo는 촉각 그래픽, 디지털 가이드, 커뮤니티 기반 자료 공유를 하나의 경험으로 연결해 촉각 학습의 접근성을 높이는 프로젝트입니다.

— 문제 정의

오늘날 교실은 스크린 중심으로 구성되어 있지만, 이런 환경은 모든 학생에게 동일하게 접근 가능하지 않습니다. 특히 촉각 그래픽 제작은 시간이 오래 걸리고 리소스가 부족해 시각장애 학생의 학습 접근성을 제한하고 있었습니다.

— 접근 방식
01 앱을 통해 촉각 이미지 제작 과정을 몇 번의 클릭으로 단순화
02 디바이스가 디지털 이미지를 빠르게 촉각 형태로 변환하도록 경험 설계
03 학생이 수동적 수용자가 아니라 직접 촉각 이미지를 만드는 창작자가 되도록 확장
04 블라인드·저시력 커뮤니티 인터뷰와 관찰을 바탕으로 문제 정의와 방향 설정
— 핵심 포인트
  • —블라인드 및 저시력 커뮤니티 17명 인터뷰
  • —관찰 5회, 액티비티 2회 기반 리서치
  • —촉각 학습과 디지털 학습을 연결하는 제품 컨셉 제안
— 프로젝트 목표

시각장애 및 저시력 학생을 위해 학습을 더 접근 가능하고 포용적으로 만들려면 어떻게 해야 할까요?

— 디자인 원칙
01
포용성

다양한 시각 능력을 가진 학생이 같은 학습 경험에 참여할 수 있도록 설계합니다.

02
접근성

촉각 이미지의 제작과 탐색에 필요한 장벽을 줄입니다.

03
혁신성

디지털 도구와 물리적 촉각 경험을 연결합니다.

04
세심함

학생과 교사의 실제 학습 환경과 요구를 중심에 둡니다.

05
즐거움

촉각 탐색과 창작을 즐겁고 자신감 있는 경험으로 만듭니다.

Primo 제품 및 앱 컨셉 이미지
— 문제 정의

시각 자료 없이 새로운 개념을 배우는 것은 조각이 빠진 퍼즐을 맞추는 것과 같습니다.

많은 교육 자료는 이미지, 다이어그램, 그래프처럼 시각 정보에 의존합니다. 시각장애 및 저시력 학생에게 이러한 정보가 촉각적 형태로 제공되지 않으면 개념을 이해하고 수업에 참여하는 과정 자체가 어려워질 수 있습니다.

— 리서치

촉각 그래픽은 시각장애 및 저시력 학습자에게 중요한 학습 보조 자료입니다.

촉각 그래픽은 이미지, 지도, 그래프, 다이어그램과 같은 비텍스트 정보를 돌출된 선, 표면, 질감으로 변환합니다. 사용자는 시각 대신 촉각을 통해 형태와 공간 관계를 읽고 정보를 이해할 수 있습니다.

촉각 그래픽 리서치 / 사례 이미지
— 사용자 리서치

학생과 학습 지원자가 함께 더 주도적으로 학습할 수 있도록

리서치는 학생뿐 아니라 촉각 자료를 준비하고 전달하는 교사, 보호자, 교육 지원자의 경험까지 함께 살펴보았습니다. 목표는 학생이 더 독립적으로 촉각 자료를 탐색하면서도, 지원자가 자료를 더 빠르고 쉽게 만들고 공유할 수 있는 구조를 찾는 것이었습니다.

— 기회 영역
01
접근성

촉각 학습 자료를 찾고 만들고 사용하는 과정을 단순화합니다.

02
몰입도

학생이 직접 만지고 탐색하고 제작하는 능동적 학습을 지원합니다.

03
소통 가능성

학생과 교사, 보호자 사이에서 촉각 이미지를 쉽게 주고받도록 합니다.

리서치 종합 / Opportunity Areas 이미지
— 콘셉트 발전

사용자 요구를 기능과 가치로 연결하기

Primo의 기능은 두 핵심 사용자 그룹을 중심으로 구성했습니다. 교사와 보호자는 앱에서 촉각 이미지를 만들고, 커뮤니티 자료를 탐색하며, 학생에게 자료를 전송할 수 있습니다. 학생은 Primo를 통해 촉각 이미지를 받아 탐색하거나 직접 제작하고 공유할 수 있습니다.

01
교사 및 보호자를 위한 가치

촉각 이미지 제작 간소화 · 더 많은 자료 탐색 · 학생 요구에 맞는 이미지 제공

02
학생을 위한 가치

촉각 이미지에 즉시 접근 · 형태와 시각 개념 탐색 · 시각적 커뮤니케이션 · 자신감 있는 학습

Features & Benefits 다이어그램
— 제작과 반복 개선

직접 만지고 사용하는 테스트를 통해 물리적 인터페이스를 발전시켰습니다.

촉각 셀의 크기와 간격은 실제 사용성을 좌우하기 때문에 여러 물리 프로토타입을 제작해 반복적으로 테스트했습니다. 초기에는 서로 다른 셀 크기를 출력해 학생에게 적합한 크기를 탐색했습니다. Primo 1.0은 셀과 간격이 너무 커 사용성이 떨어졌고, 포용적 디자인 어드바이저 Ming의 피드백을 반영해 Primo 2.0으로 개선했습니다. 이후 카드보드 프로토타입으로 새로운 구조를 빠르게 검증했습니다.

01
촉각 셀 크기 테스트

학생에게 가장 적합한 촉각 셀 크기를 찾기 위해 다양한 크기를 출력했습니다.

02
Primo 1.0

셀과 셀 사이 간격이 너무 커서 사용성을 다시 검토했습니다.

03
Primo 2.0

포용적 디자인 피드백을 반영하고 카드보드로 수정된 구조를 테스트했습니다.

프로토타입 1.0 → 테스트 → Primo 2.0 이미지
— 제작 가이드

누구나 쉽게 따라 할 수 있는 디지털 가이드

초보자가 촉각 그래픽을 직접 만들 수 있도록 디지털 가이드와 촉각 그래픽 점자 알파벳 카드를 함께 설계했습니다. 가이드는 시각장애 및 저시력 학생과 촉각 감각을 개발하는 학습자를 위해 제작되며, 숙련된 시각장애인 카투니스트의 상세 일러스트레이션과 굵은 외곽선을 활용해 촉각 그래픽 제작 원칙을 단계적으로 설명합니다.

01
촉각 그래픽이란?

촉각 그래픽의 기본 개념과 표준을 소개합니다.

02
신뢰할 수 있는 참고 자료

American Printing House, Perkins School for the Blind 등 추가 학습 자료로 연결합니다.

03
단계별 학습

처음 만드는 사람도 따라갈 수 있도록 제작 과정과 디자인 원칙을 단계적으로 제공합니다.

Digital guide / How to make Tactile Graphics 화면
— 결과

최종 컨셉은 Primo 앱과 촉각 그래픽 보드를 연결합니다. 교사와 보호자는 촉각 이미지를 제작하고 공유할 수 있으며, 학생은 자료를 받아 탐색하거나 직접 촉각 이미지를 만들고 다른 사람과 공유할 수 있습니다.

촉각 그래픽 제작의 복잡성을 줄이고, 학생이 이미지를 직접 만들고 공유하며 시각적 개념을 더 자신 있게 탐색할 수 있는 학습 경험을 설계했습니다.

← 홈으로 돌아가기 jjhwang19@gmail.com ↗